<template>
  <div class="tag-container">
    <slot name="department"></slot>
    <slot name="staff"></slot>
    <slot name="user"></slot>
    <slot name="code"></slot>
    <slot name="leave"></slot>
    <slot name="approve"></slot>
    <slot name="model"></slot>
    <slot name="process"></slot>
    <slot name="statistics"></slot>
  </div>
</template>

<script>
export default {
  name: 'TagBox',
  props: {
    pageType: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
.tag-container {
  position: absolute;
  top: -9px;
  left: 0;
}
.opentype-tag {
  display: inline-block;
  padding: 4px 15px;
  border-radius: 22px;
  color: #4D5154;
  font-size: 12px;
  cursor: pointer;
}
.opentype-tag-2 {
  left: 80px;
}
.choose-bg-tag {
  background-color: #389FFD;
  color: #fff;
}
</style>
